/*
 * Created by Administrator on 2017/3/31.
 */
var Progress = require('../../../../src/libs/Progress')
var FinanceRecord = React.createClass({
    getDefaultProps: function() {
        return{
            data:[]

        }
    },
    componentDidMount:function(){

    },
    render: function () {
        return(<div>
            {this.props.data.map(function (item,index) {
                return (
                    <div className="item">
                        <h3>{item.ProjectName}<span className="bg-icon icon-bao icon"></span><span className={"tag "+
                        ((item.F_Status == 1 || item.F_Status == 2 || item.F_Status == 3) ? "tag-red" : (item.F_Status == 6 ? "tag-grey" : "tag-yellow" ))}>{item.F_Text}</span> </h3>
                        <ul className="clearfix">
                            <li>融资金额：<span>{item.Amount}</span>元</li>
                            <li>融资利率：<span>{item.FinanceRate}</span></li>
                            <li>融资期限：{item.Duration}天</li>
                            <li>还款日期：{item.RepayBegin}</li>
                        </ul>
                        <a href={item.ProjectUrl} className="detail">项目详情&gt;&gt;</a>
                        <div className="progress-rate">
                            {/*<p className="progress"><span>30%</span><b><i></i></b></p><p>1000元起投</p>*/}
                            <Progress className="progress" type="line" percent={item.Progress}></Progress>
                        </div>

                    </div>
                )
            })}
            </div>
            )

    }
})

module.exports = FinanceRecord;